<template>
  <!-- 底部 -->
  <div class="buttom-box">
    <div class="buttom-text">
      <ul class="banner">
        <li class="item1">
          <img src="http://127.0.0.1:9090/xuecheng-images/asset-logoIco.png" />
          <div style="font-size: 16px; width: 550px; margin-top: 20px">
            学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。
            © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号
          </div>
          <div class="button">下载APP</div>
        </li>
        <li class="item2">
          <ul style="list-style: none; margin-left: 10px">
            <li style="font-size: 20px; margin-bottom: 15px">关于学成网</li>
            <li>关于</li>
            <li>管理团队</li>
            <li>工作机会</li>
            <li>客户服务</li>
            <li>帮助</li>
          </ul>
          <ul style="list-style: none; margin-left: 10px">
            <li style="font-size: 20px; margin-bottom: 15px">新手指南</li>
            <li>关于</li>
            <li>管理团队</li>
            <li>工作机会</li>
            <li>客户服务</li>
            <li>帮助</li>
          </ul>
          <ul style="list-style: none; margin-left: 10px">
            <li style="font-size: 20px; margin-bottom: 15px">合作伙伴</li>
            <li>关于</li>
            <li>管理团队</li>
            <li>工作机会</li>
            <li>客户服务</li>
            <li>帮助</li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.buttom-box {
  font-size: 18px;
  background-color: #fff;
  height: 220px;
  .buttom-text {
    margin: 10px auto;
    width: 90%;
  }
  .banner {
    list-style: none;
    display: flex;
    .item1 {
      flex: 5;
      .button {
        width: 140px;
        height: 40px;
        border: 2px solid #00a4ff;
        text-align: center;
        line-height: 40px;
        font-weight: 900;
        color: #00a4ff;
        margin-top: 30px;
      }
    }
    .item2 {
      flex: 3;
      display: flex;
      line-height: 30px;
    }
  }
}
</style>
